// $list: red orange yellow green grey blue purple black;

// $length: length($list);

// $width: percentage(1/$length);

// @for $i from 1 through $length {
//     .test .color#{$i}{
//         width: $width;
//         background-color: nth($list , $i );
//         height: 10px;
//         float: left;
//     }
// }
// .test{
//     width: 100%;
// }
// .test2{
//     width: 100%;
//     height: 10px;
//     background-image:  linear-gradient(to right, red 0%, red $width, orange $width * 2);
// }
// @import 
//     'compass'
// ,
//     'compass/reset'
// ;
@import 
    'compass-mixins'
;
@import 
    './helpers/variables'
;
@import 
    './layout/mains'
;
@import 
    './components/alerts'
;
